@media (max-width:1024px) {
.mbmenu .nav{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.nav__trigger {display: block;position:fixed;width: 30px;height: 26px;right:3%;top: 10px;z-index: 99997;}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 30px;height: 2px;background-color:#f08200;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 30px;height: 2px;position: absolute;background: #f08200;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-8px;}
.nav__icon:after {margin-top:8px;}

.mbmenu .nav { position:fixed; z-index:99996;top:50px;width: 100%;height: 100%;right:0; background:rgba(0,0,0,0.9);right:-100%}
.mbmenu .nav--active .nav {right:0;}
.mbmenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.mbmenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #444}
.mbmenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #444;}

.mbmenu { display:block;}
.mbmenu ul { display:block;float:none; text-align:left;margin:20px 0 0 0}
.mbmenu li { border-bottom: 1px solid #333; display:block;width:100%;margin:0;}
.mbmenu li a {display: block;font-size:14px;border-width:0;line-height:40px;padding-left:15px;color:#ddd}
.mbmenu li a:hover { background:none;color:#fff}
.accordionmenu {}
.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:30px; line-height:30px;color:#fff;font-size:14px;padding-left:15px; background: url(../images/1.png) no-repeat 94% 50%}
.accordionmenu li .link a {color:#ddd;font-size:14px;}
.accordionmenu li.open .link { background:url(../images/2.png) no-repeat 94% 50% #ec0000;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #555;}
.accordionmenu .submenu p { height:40px; line-height:40px; background:#444;border-top:1px solid #555;}
.accordionmenu .submenu p a { display:block;color:#ddd;font-size:14px;height:40px; line-height:40px;}
.accordionmenu .submenu p a:hover {color:#fff}
.searchbox{float:none; position: relative;margin-top:0px; width:100%;}
/*pc版搜尋*/
.search{display: none;}
.m_search,.m_search_btn{display: none; width:100%}
.m_search{width: 100%; height: 100px;position: absolute;top: 50px;left: 0; background-color: #ddd; text-align: center; display: flex;flex-direction: column;justify-content: center; display: none;z-index: 999999;}
.m_search .search_m{border: none; border-bottom: 1px solid #bfbfbf;background-color: inherit; border-radius: 0;-webkit-box-shadow: inherit; box-shadow: inherit;}
.m_search .form-control.search_m::-webkit-input-placeholder{font-size: 14px;font-weight: bold; color: #535353;}
.m_search .form-control.search_m::-moz-placeholder{font-size: 14px;font-weight: bold; color: #535353;}
.m_search .form-control.search_m:-ms-input-placeholder{font-size: 14px;font-weight: bold; color: #535353;}
.m_search .form-control.search_m:-moz-placeholder{ font-size: 14px;font-weight: bold; color: #535353;}
.m_search form{width: 100%; position: relative; margin: 0 auto;}
.searchbox .btn{ width: 25px; height: 25px; background: url(../images/search_pc.png) no-repeat center; position: absolute; top:13px; right: 50px; outline: none;z-index:999; cursor:pointer}
/*搜尋列遮罩*/
.cover{position: absolute;top: 50px;left: 0;width: 100%;z-index: 888;background-color: rgba(0,0,0,0.8)}
.topblank { height:50px}
.toper { background:#da2b45;}
.toper { background:#fff;height:50px;position: fixed;top: 0;left: 0;width: 100%;z-index: 15;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.toper .logo {margin:5px 0 0 0;width:120px; height:40px; background-size:100%;}
.toper .t_right{float:right; margin-right: 50px; display: none}
.toper .top,.toper .t_left,.t_right{display: none;}
.toper .yy{position: absolute;float:none; right:60px; top:0; padding-top: 0; padding-left:0px; line-height:46px; display: block; z-index: 999;}
.toper .yy a{width:30px; height:18px; font-size:12px; line-height:18px; border-radius:0;}
.toper .yy a:nth-child(1){ margin:0 5px;}
.wrapper{width:auto;padding:0 2%}
.welcome{ display: none;}
.p50{padding: 45px 0 60px}
.kv{box-shadow:none;}
.homesort{border-bottom:0px solid #e2e2e2; padding: 20px 0;}
.sortlist{border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2; margin-top:15px;}
.sortlist li{float:left; width:50%; text-align: center;}
.sortlist .sortbox{border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;padding:10px; height:auto; text-align: center;}
.sortlist img{width:100px; float:none;margin:0px auto; display: block;}
.sortlist li:hover img{transform: scale(1.15);}
.sortlist h2{font-size:14px; font-weight: bold; padding-top:5px; line-height:28px;/**display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;**/}
.sortlist h2 span{display: none;}
.bluegray{background:#fff; border-top:1px solid #e2e2e2;}
.ntitle{text-align:center;color:#888; padding: 0 20px; line-height: 130%;}
.ntitle h2{font-size:18px; line-height: 120%; font-weight:bold; padding-bottom:5px;}

.aboutwrap{ padding:15px 0;}
.homeabout{display: initial;}
.homeabout_l{width:100%; background: #fff; padding: 10px 0;}
.hometitle{ line-height: 45px;height:45px; border-bottom:1px solid #ddd;}
.hometitle_l{float:left;color:#fff; font-size:20px; background: url(../images/homeleftdi.png) no-repeat; width:230px; padding-left:20px;}
.hometitle_r{float:right; text-align: right;}
.aboutbox{ line-height:190%; padding:10px;}
.aboutbox h2{font-size:18px; display:block; padding-bottom:10px; color:#222;}
.aboutbox dt{padding-top:15px;}
.aboutbox dt a{display: block; width:90px; line-height:32px;}
.homeabout_r{width:100%; text-align: right;}
.homeabout_r img{width:100%;}
.pd30{padding: 10px 0;}
.idx_pro{padding:20px 0;}

.newswrap{padding:20px 0}
.newswrap .homenews_l{ width:100%; float:none; background:#fff; display: none;}
.newswrap .contitle{ font-size:18px; height:35px; line-height:35px; font-weight:bold}
.newswrap .contitle1{color:#005edf; font-size:16px; font-weight: bold; height:45px; line-height:45px;}
.newswrap .homenews_box{padding:15px 0;}
.newswrap .homenews_box li{ padding-bottom:8px;}
.newswrap .homenews_box h2{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; line-height: 30px;font-size:16px; background:url(../images/newtb_12.png) left center no-repeat; padding-left:15px;}
.newswrap .homenews_box .time{padding-left:15px; display: block; font-size:12px; color:#787878;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.partner{margin: -6px}
.partner li{float:left; width:25%}
.partner .pbox{ overflow: hidden;margin:6px;border:1px solid #e2e2e2}
.case_pro{float:none; width:100%}
.fanganlist{ padding: 10px 0;}
.fanganlist li{width:50%; line-height:30px;}
.mapcss{width:100%; height:350px;box-shadow:none;}
.mainwrap_l{float:none; width:100%;}
.mainwrap_r{float:none; width:100%;}
.location,.lefttitle{display: none;}
.leftmenu h2{border-left: 0px dotted #ccc;border-right: 0px dotted #ccc;line-height: 36px;}
.leftmenu .twomenu p{line-height: 30px;}
.leftmenu .twomenu { border-left: 0px dotted #ccc;border-right: 0px dotted #ccc;}
.leftmenu1{ padding-top: 20px; text-align: center; font-size: 0; margin-bottom:10px;}
.leftmenu1 li{ display: block; float:left; width:50%; line-height: 32px; border-right:0px dotted #ccc; padding: 0; border-bottom:1px solid #e2e2e2}
.leftmenu1 li:last-child{ border-right:0px solid #e2e2e2; margin:0;}
.leftmenu1 a {display: block; font-size: 14px;}
.leftmenu1 a:hover{font-weight: bold;}
.leftmenu1 .on,.leftmenu1 .on a{color:#0078f3; font-weight: bold;}

.abouttitle{ text-align: center; padding-top: 15px; font-weight: bold; line-height: 30px; height:auto; border-bottom:0px solid #ddd; position: relative; padding-left:0;}
.abouttitle:before{display: none;}
.aboutcontent{padding:5px 0 15px; line-height: 180%; min-height: auto;}

.productcontent{padding:0; min-height:auto;}
.product{margin:0 -5px; padding-top:10px;}
.product li{float:left;width:50%; text-align: center;}
.product .pbox{ margin:5px;}
.product .img-hover{overflow: hidden;}
.product h3{font-size:14px;line-height:34px; padding: 0 5px;}

.productsm{ padding:15px 0;}
.productsm strong{ color: #ec2828}
.productsm_l{float:none; width:100%;}
.productsm_m{float:none; width:100%; margin-left: 0;}
.productsm_r{float:none; width:100%;}
.productsm .txcs{ line-height:180%; padding:15px 0; border-top:1px solid #e2e2e2}
.othertitle{border-bottom:2px solid #ddd; font-size:16px; font-weight: bold; line-height: 45px;}
.pro_date_obj{display: block;height: 37px;line-height: 37px;font-size: 14px;color: #fff;background: #e6e6e6; font-weight: bold;}
.pro_date_obj span{display: inline-block;background: #0078f3; padding: 0 15px; position: relative;}
.procscontent{padding:15px 0; border:0px solid #e6e6e6; border-top:0}
.procscontent img{ padding:3px 0}
.viewbox{padding:5px 0; text-align: center; border-bottom: 0px dotted #ccc;}
.viewbox h2{ display: none;}
.mapcss{width:100%; height:350px;}
.contactbox{ line-height: 200%; padding-bottom: 30px; font-size: 14px;}
.contactbox h3{ padding-bottom:0px; font-size:18px}
.contact-l{float:none; width:100%; padding-top: 10px}
.contact-r{float:none; width:100%; padding-top: 10px}
.contactline{background: #ccc;height:1px;margin:10px 0}
.ceritication{margin:0 -2px; padding-top:10px;}
.ceritication li{float:left;width:33.333%; text-align: center;}
.ceritication .pbox{ margin:1px; border: 1px solid #e2e2e2;}
.certibox{ padding:15px 0;}
.certibox li{float:left;width:33.333%; text-align: center;}
.context{height:50px;padding-top:10px;}
.context li:nth-child(2){ display: none;}
/*底部快捷菜单*/
.Fast-nav{display: block; position: fixed;bottom: 0;left: 0;width: 100%;background:#1844a7;z-index: 9999999;padding: 3px 0;font-size: 12px;}
.Fast-nav li{width: 33.333%;float: left;text-align: center;position: relative;}
.Fast-nav li:after{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 100%;background:rgba(255,255,255,.3);}
.Fast-nav li:nth-child(3):after{display: none;}
.Fast-nav span{display:block}
.Fast-nav li a{color: #fff; line-height: 22px}
.Fast-nav .tel {background:url(../images/downtel.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.Fast-nav .cp{background:url(../images/downcp.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.Fast-nav .map {background:url(../images/downwz.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.Fast-nav .top {background:url(../images/downhome.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
/*底部*/
.izl-rmenu{display: none;}
.copyright{ padding:10px 0 50px; font-size:12px}
.foot{line-height:22px; padding:0 0 10px; font-size:12px}
.foot-menu{float:none; text-align: center;line-height:24px;}
.foot-menu img{display: none;}
.swiper-pagination-bullet{width:9px;height:9px;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:5px;}
.pr40{padding-right:0;}
.foot-ewm,.foot-left,.footsort{display: none;}
}